
.house__search {

    width: 100%;
    .adm-mask {
        z-index: 4000;
    }
    .house__search__header {
        position: relative;
        background-color: #eeebeb;
        display: flex;
        align-items: center;
        z-index: 3000;
        .icon-back {
            font-size: 4.66667vw;
            padding: 0 2vw;
        }

        .house__search__content {
            padding: 2vw 2.66667vw 2vw 2vw;
            flex: 1;
        }

        .house__search__left {
            font-size: 2.66667vw;
        }
    }
    .house__search__mid{
        width: 100%;
        background-color: #fff;
        position: relative;
        top: 0;
        z-index: 5000;
        .house__search__bar {
            position: relative;
            display: flex;
            padding: 0;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-bottom: 0.5vw solid #eee;
            transition: 1s;
            height: 9vw;
            background-color: #fff;
            z-index: 5000;
            .bar__item {
                width: 25%;
                height: 9vw;
                line-height: 9vw;
    
                // border-right: 0.5vw solid #eee;
                .name {
                    font-size: 4.17777vw;
                    font-weight: 400;
                }
    
                .icon-arrow {
                    font-size: 3vw;
                    // color: #999;
                }
            }
        }
    }

    .house__content {
        margin: 0 auto;
        width: calc(92%);
    }
    .search__choose__box {
        position: absolute;
        width: 100%;
        // top: -52vw;
        height: 0;
        overflow: hidden;
        background-color: #fff;
        transition: height .5s;
        z-index: 5000;
    }
    .search__choose__content {
        height: 50vw;
        overflow: hidden;
    }
    .search__choose__btn {
        display: flex;
        .btn {
            // border: 0;
            flex: 1;
        }
        .cancel {
            color: #21b97a;
        }
        .submit {
            background-color: #21b97a;
            color: #fff;
        }
    }
}

.more__choose__box {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    overflow-x: hidden;
	overflow-y: scroll;
    z-index: 6000;
    transition: width .5s;
    // visibility: hidden;
    .content {
        width: calc(85%);
        margin: 0 auto;
        padding: 0;
        dt {
            font-size: 4.5vw;
            margin-top: 3.5vw;
        }
        dd {
            margin: 0;
            display: flex;
            justify-content: space-between;
            padding: 5vw 2vw;
            flex-wrap: wrap;
            border-bottom: 1px solid #eee;
            span {
                display: inline-block;
                line-height: 8vw;
                text-align: center;
                color: #a9a7a7;
                width: 18vw;
                height: 8vw;
                border: 1px solid #eee;
                margin-bottom: 4vw;
            }
        }
    }
}

.active__bar{
    color: #21b97a;
}

.toTop {
    position: fixed;
    top: 0;
}
.tagActive { 
    border: 1px solid #21b97a;
    color: #21b97a;
    background-color: #defaef;
}